<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./assets/css/reset.css">
    <title>Document</title>
</head>
<body>
    <div class="test">
        <!-- 头部 -->
        <header>
            <h1>大数据可视化</h1>
            
        </header>
        <!-- 头部 -->
        <section class="charts">
            <div class="column">
                <div class="box" style="height: 6.5rem;">
                <div class="box1" style="height: .3rem;">
                    <div>销售额数据</div>
                </div>
                <div class="box2" style="height: 3rem;"></div>
                <div class="box3" style="height: 3rem;"></div>
                </div>
                    <div class="box" style="height: 10rem;">
                        <div class="box1" style="height: .3rem;">
                            <div>销售额数据</div>
                        </div>
                        <div class="boxearth" style="height: 6rem;"></div>
                    </div>
                <div class="box" style="height: 6.5rem;">
                <div class="box1" style="height: .3rem;">
                    <div>产品统计数据</div>
                </div>
            <div class="box4" style="height: 3rem;"></div>
            <div class="box5" style="height: 3rem;"></div>
            </div>
            </div>
            <div class="column">
                <div class="box" style="height: 4rem;">
                    <div class="box1" style="height: .3rem;">
                        <div>销售额数据</div>
                    </div>
                  <div class="box6" style="height: 3rem;"></div>
                 </div>

                <div style="width: 5rem;"></div>

                <div class="box" style="height: 4rem;">
                    <div class="box1" style="height: .3rem;">
                        <div>销售额数据</div>
                    </div>
               
                   <div style="display: flex; justify-content:space-around;height: 3.7rem; width: 6rem ;margin:.1rem"> 
                        <div class="box7" style="height: 3rem; width:3rem"></div>
                      <div class="box8" style="height: 3rem; width:3rem"></div> 
                      <div class="box9" style="height: 3rem; width:3rem"></div> 
                    </div>
                </div>
          
            </div>
        </section>
        <!-- 图表 -->
    </div>
</body>
</html>
<script src="./assets/js/flexible.js"></script>
<script src="http://unpkg.com/echarts"></script>
<script src="./assets/js/left1.js"></script>
<script src="./assets/js/leftbottom.js"></script>
<script src="./assets/js/right.js"></script>
<script src="./assets/js/rightbottom.js"></script>
<script src="./assets/js/bottomleft.js"></script>
<script src="./assets/js/rightbottom1.js"></script>
<script src="./assets/js/rightbottom2.js"></script>
<script src="./assets/js/rightbottom3.js"></script>
<script src="./assets/js/earth.js"></script>
